<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div class="page-wrapper">
    <div class="container-fluid">
<!-- Row -->
        <div class="row">
                    <div class="col-lg-3 col-md-4 col-sm-5 col-xs-12">
                        <div class="panel card-view bg-gradient">
                            <div class="panel-wrapper collapse in">
                                <div class="panel-body row pa-0">
                                    <div class="sm-data-box">
                                        <div class="container-fluid">
                                            <div class="row">
                                                <div class="col-xs-6 text-center pl-0 pr-0 data-wrap-left txt-light">
                                                    <span class="weight-500 uppercase-font block">注册人数</span>
                                                    <span class="block counter">
                                                        <span th:text="${summary.registerCount}" class="counter-anim"></span>
                                                    </span>
                                                </div>
                                                <div class="col-xs-6 text-center  pl-0 pr-0 txt-light data-wrap-right">
                                                    <i class=" icon-book-open data-right-rep-icon"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default card-view pa-0 bg-gradient1">
                            <div class="panel-body pa-0">
                                <div class="sm-data-box">
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-xs-6 text-center pl-0 pr-0 txt-light data-wrap-left">
                                                <span class="weight-500 uppercase-font block">访问数量</span>
                                                <span class="block counter" style="padding-top:10px"><span th:text="${summary.accessCount}" class="counter-anim"></span></span>
                                            </div>
                                            <div class="col-xs-6 text-center  pl-0 pr-0 txt-light data-wrap-right">
                                                <i class=" icon-book-open data-right-rep-icon"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default card-view bg-gradient2">
                            <div class="panel-heading" style="height:40px">
                                <div class="pull-left">
                                    <h6 class="panel-title txt-light">我的统计</h6>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="panel-wrapper collapse in">
                                <div class="panel-body row">
                                    <div class="">
                                        <div class="pl-15 pr-15 mb-15">
                                            <div class="pull-left">
                                                <i class="zmdi zmdi-collection-folder-image inline-block mr-10 font-16 txt-light"></i>
                                                <span class="inline-block txt-light">发送消息</span>
                                            </div>
                                            <span class="inline-block txt-light pull-right weight-500" id="sendCount">0</span>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="pl-15 pr-15 mb-15">
                                            <div class="pull-left">
                                                <i class="zmdi zmdi-format-list-bulleted inline-block mr-10 font-16 txt-light"></i>
                                                <span class="inline-block txt-light">接收消息</span>
                                            </div>
                                            <span class="inline-block txt-light pull-right weight-500" id="recivedCount">0</span>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="pl-15 pr-15 mb-15">
                                            <div class="pull-left">
                                                <i class="zmdi zmdi-ticket-star inline-block mr-10 font-16 txt-light"></i>
                                                <span class="inline-block txt-light">我的课程</span>
                                            </div>
                                            <span class="inline-block txt-light pull-right weight-500">43</span>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="pl-15 pr-15 mb-15">
                                            <div class="pull-left">
                                                <i class="zmdi zmdi-ticket-star inline-block mr-10 font-16 txt-light"></i>
                                                <span class="inline-block txt-light">我的订单</span>
                                            </div>
                                            <span class="inline-block txt-light pull-right weight-500">43</span>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-9 col-md-8 col-sm-7 col-xs-12">
                        <div class="panel panel-default card-view">
                            <div class="panel-wrapper collapse in">
                                <div class="panel-body" style="padding-bottom: 0px;">
                                    <div  class="tab-struct custom-tab-1">
                                        <ul role="tablist" class="nav nav-tabs" id="myTabs_7">
                                            <li class="active" role="presentation"><a aria-expanded="true"  data-toggle="tab" role="tab" id="home_tab_7" href="#home_7">最新通知</a></li>
                                            <!--<li role="presentation" class=""><a  data-toggle="tab" id="profile_tab_7" role="tab" href="#profile_7" aria-expanded="false">最新课程</a></li>-->
                                            <li class="dropdown" role="presentation">
                                                <a  data-toggle="dropdown" class="dropdown-toggle" id="myTabDrop_7" href="#" aria-expanded="false">消息 <span class="caret"></span></a>
                                                <ul id="myTabDrop_7_contents"  class="dropdown-menu">
                                                    <li class=""><a  data-toggle="tab" id="dropdown_13_tab" role="tab" href="#dropdown_13" aria-expanded="true">我发出的</a></li>
                                                    <li class=""><a  data-toggle="tab" id="dropdown_14_tab" role="tab" href="#dropdown_14" aria-expanded="false">我接收的</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                        <div class="tab-content" id="myTabContent_7">
                                            <div  id="home_7" class="tab-pane fade active in" role="tabpanel">
                                                <div class="panel-wrapper collapse in">
                                                    <div class="panel-body row pa-0">
                                                        <div class="table-wrap">
                                                            <div class="table-responsive" id="news">

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                              </div>
                                            <div  id="profile_7" class="tab-pane fade" role="tabpanel">
                                                <div class="panel-wrapper collapse in">
                                                    <div class="panel-body row pa-0">
                                                        <div class="table-wrap">
                                                            <div class="table-responsive" id="lesson">

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                             </div>
                                            <div id="dropdown_13" class="tab-pane fade " role="tabpanel">
                                                <div class="panel-wrapper collapse in">
                                                    <div class="panel-body row pa-0">
                                                        <div class="table-wrap">
                                                            <div class="table-responsive" id="isendMsg">

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="dropdown_14" class="tab-pane fade" role="tabpanel">
                                                <div class="panel-wrapper collapse in">
                                                    <div class="panel-body row pa-0">
                                                        <div class="table-wrap">
                                                            <div class="table-responsive" id="ireceivedMsg">

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                             </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
</div>
<!-- Row -->
        </div>
</div>

<script>
    $(function () {
         var counterAnim = $('.counter-anim');
         if( counterAnim.length > 0 ){
             counterAnim.counterUp({ delay: 10,
                 time: 1000});
         }
    });
</script>
<script type="text/javascript" th:src="${application.staticUrl}+'frame/js/home.js'"></script>
</html>